<template>
  <div class='user-container'>

    <el-form :model='userData'
             label-width="100px">

      <el-row>
        <el-col :span='12'>
          <el-form-item label='name'
                        prop='name'
                        required>
            <el-input v-model='userData.name'>
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span='12'>
          <el-form-item label='age'
                        prop='age'
                        required>
            <el-input v-model='userData.age'>
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>

  </div>
</template>
<script>
export default {
  data () {
    return {
      requestParam: {
        page: 1,
        page_size: 10
      },

      userData: {
        name: '',
        age: ''

      }

    }
  },
  methods: {
    handlePageChange (page) {

    }
  },
  created () {

  },
  mounted () {

  }
}
</script>
<style scoped lang='scss'>
.user-container {
}
</style>
